﻿<template>
    <div>
        <h1>Test页面</h1>
        <div class="box">
            <div class="block">
                <span style="color:white">div1</span>
            </div>
            <div class="block">
                <span style="color:white">div2</span>
            </div>
            <div class="block" style="margin-left: auto;">
                <span style="color:white">div3</span>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "Test"
    }
</script>

<style scoped>
    .box {
        display: flex;
        justify-content: flex-start;
    }

    .block {
        margin-right: 10px;
        width: 100px;
        height: 100px;
        background-color: black;
    }
</style>

